.banner {
    padding: 0;
    position: relative;
    height: 500px;
    color: #fff;
    overflow: hidden;

    .carousel {
        height: 100%;
    }

    .carousel-indicators {
        .prominent {
            width: 14px;
            height: 14px;
            margin: 5px;
            border-color: #ddd;
            background-color: #ddd;
        }

        .active {
            background-color: #fff;
            border-color: #fff;
        }
    }

    .commission-bg {
        padding-top: 150px;
        height: 100%;
        background-image: url('../images/demand/commission-bg-1920.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: #55a4db;
    }

    .commission-word {
        padding-top: 28%;
        background-image: url('../images/demand/commission-word-1920.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .commission-btn {
        margin-top: 20px;
        > div:first-child {
            float: left;
            margin-right: 20px;
            &:before {
                content: ' ';
                clear: left;
            }
        }
        > div:last-child {
            float: left;
            content: '';
            clear: right;
        }
    }

    .loss-to-win-bg {
        padding-top: 100px;
        height: 100%;
        background-image: url('../images/demand/loss-to-win-bg-1920.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;

        //background-color: #55a4db;
    }

    .loss-to-win-plane {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background-image: url('../images/demand/loss-to-win-plane-1920.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .loss-to-win-word {
        padding-top: 20%;
        background-image: url('../images/demand/loss-to-win-word-1920.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .loss-to-win-btn {
        margin-top: 20px;
        padding-left: 30px;
        &:before {
            content: ' ';
            clear: both;
        }
        &:after {
            content: ' ';
            clear: both;
            display: block;
        }
        > div:first-child {
            float: left;
            margin-right: 20px;

        }
        > div:last-child {
            float: left;

        }
    }

    .winner-bg {
        height: 100%;
        padding-top: 400px;
        background-image: url('../images/talent/winner-bg-1920.png');
        //background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: #f7f7f7;
    }

    .winner-btn {
        > div:first-child {
            float: left;
            margin-right: 20px;
        }
        > div:last-child {
            float: left;
        }
    }

    .bingo-bg {
        height: 100%;
        padding: 10%;
        background-image: url('../images/talent/bingo-bg-1920.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 100%;
    }

    .bingo-word {
        //padding-top: 20%;
        //background-image: url('../images/talent/bingo-word-1920.png');
        //background-size: contain;
        //background-repeat: no-repeat;
        h1 {
            font-size: 66px;
            color: #327abe;
            text-align: right;
        }

        p {
            font-size: 28px;
            color: #353535;
            text-align: right;
        }
    }

    .bingo-btn {
        text-align: left;
    }

    .areas-bg {
        padding-top: 100px;
        height: 100%;
        background-image: url('../images/technology/areas-bg-1920.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .areas-word {
        padding-top: 24%;
        background-image: url('../images/technology/areas-word-1920.png');
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .areas-btn {
        margin-top: 10px;
        > div:first-child {
            text-align: right;
            margin-top: 10px;
        }

        > div:last-child {
            text-align: left;
            margin-top: 10px;
        }
    }

    .representative-bg {
        height: 500px;
        background-image: url('../images/technology/representative-bg-1920.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .representative-bg-inner {
        text-align: left;
        padding-top: 150px;
        &:before {
            content: '';
            float: left;
            display: block;
            margin-left: 65.5%;
            margin-top: 30px;
            width: 53px;
            height: 44px;
            background: url('../images/technology/representative-parrow.png');
            background-size: contain;
        }
    }

    .representative-word {
        padding-left: 70%;
        color: $meta-golden;
        font-size: 35px;
        font-weight: bold;
    }

    .representative-btn {
        padding-left: 70%;
        margin-top: 10px;
        .btn {
            width: 160px;
            margin-top: 20px;
            margin-right: 20px;
        }
    }
    .representative-description {
        position: absolute;
        right: 50px;
        bottom: 50px;
        font-weight: bold;
        span:first-child {
            &:before {
                content: '';
                top: 1px;
                position: relative;
                width: 16px;
                height: 13px;
                display: inline-block;
                margin-right: 4px;
                background: url('../images/technology/arrow-dotted.png');
            }
            color: $meta-golden;
        }
        span:last-child {
            &:before {
                content: '';
                top: 1px;
                position: relative;
                width: 16px;
                height: 13px;
                display: inline-block;
                margin-right: 4px;
                background: url('../images/technology/arrow.png');
            }
            color: #009FE8;
        }
    }

    .platform-bg {
        height: 500px;
        background-image: url('../images/index/platform-bg-1920.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0.2);
    }
    .platform-bg-inner {
        position: absolute;
        right: 0;
        top: 125px;
        padding: 45px 35px 0;
        height: 254px;
        width: 97%;
        max-width: 870px;
        text-align: left;
        background-color: rgba(248, 182, 45, .85);
    }
    .platform-word {
        margin-bottom: 35px;
        font-size: 45px;
        letter-spacing: 3px;
    }
    .platform-btn {
        width: 160px;
        .meta-banner-white-only {
            font-size: 20px;
            border-width: 2px;
            &:hover {
                background-color: rgba(255, 255, 255, .3);
            }
        }
        &-img {
            width: 20px;
            height: 24px;
            display: inline-block;
            vertical-align: middle;
            background-image: url("../images/common/logo_footer.png");
            background-repeat: no-repeat;
            background-position: left center;
            background-size: cover;

        }
    }

    .officer-bg {
        height: 500px;
        background-image: url('../images/index/officer-bg-1920.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left center;
        background-color: rgba(0, 0, 0, 0.2);
    }
    .officer-bg-inner {
        height: 100%;
        padding-top: 110px;
        padding-left: 51.5%;
    }

    .officer-word {
        height: 180px;
        background-image: url('../images/index/officer-word-1920.png');
        background-repeat: no-repeat;
        background-size: contain;
    }

    .officer-btn {
        margin-top: 25px;
        padding-left: 15px;
        text-align: left;
        & > .btn {
            margin-top: 10px;
            margin-right: 30px;
            padding: 8px 38px;
        }
    }

    .metalab511-bg {
        padding-top: 28px;
        height: 100%;
        background-image: url('../images/index/metalab511-bg.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .metalab511-word {
        display: inline-block;
        width: 694px;
        height: 160px;
        background-image: url("../images/index/metalab511-word.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0% 50%;
        background-color: transparent;
    }

    .porter-bg {
        height: 100%;
        width: 100%;
        background-image: url('../images/index/porter-bg-1920.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(245, 245, 245, 1);
    }

    .porter-word {
        padding-left: 55%;
        padding-top: 140px;
        color: #1f86ed;
        > p {
            line-height: 60px;
            span:first-child {
                max-width: 600px;
                padding-bottom: 20px;
                font-size: 55px;
                font-weight: 800;
                border-bottom: 1px solid #999;
                display: inline-block;
            }
            text-align: left;
        }
    }

    .porter-btn {
        padding-left: 55%;
        margin-top: 30px;
        text-align: left;
        & > .btn {
            margin-top: 10px;
            margin-right: 20px;
            width: 160px;
        }
    }

    .qualification-word {

    }

    .qualification-bg {
        padding-top: 100px;
        height: 100%;
        background-image: url('../images/index/qualification-bg-1920.png');
        background-repeat: no-repeat;
        background-position: 80% 50%;
        background-color: #fff;
    }

    .qualification-word {
        padding-top: 28%;
        background-image: url('../images/index/qualification-word-1920.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    .qualification-btn {
        margin-top: 20px;
        > div:first-child {
            float: left;
            margin-right: 20px;
            margin-bottom: 20px;
            &:before {
                content: ' ';
                clear: left;
            }
        }
        > div:last-child {
            float: left;
            content: '';
            clear: right;
        }
    }

    .oversea {
        &-bg {
            height: 100%;
            background: url('../images/index/oversea-bg.jpg') center no-repeat;
            background-size: cover;

            &-inner {
                position: relative;
                top: 120px;
                text-align: right;
            }
        }

        &-word {
            display: inline-block;
            margin-right: 16%;
            color: $meta-navy;
            text-align: left;

            h1 {
                margin: 0 0 0;
                font-size: 86px;
                font-weight: bold;
            }

            p {
                margin: 30px 0;
                font-size: 22px;
            }

            .btn {
                width: 135px;

                &:last-child {
                    margin-left: 40px;
                }
            }
        }
    }

    .worldwide {
        &-bg {
            height: 100%;
            background: url('../images/technology/worldwide-bg.jpg') no-repeat left center;
            background-size: cover;
        }

        &-word {
            position: relative;
            top: 120px;
            right: 5%;
            height: 260px;
            background: url('../images/technology/worldwide-word.png') no-repeat right center;
        }
    }
    @media (max-width: $screen-md-max) {
        .representative-bg-inner {
            padding-top: 120px;
            &:before {
                display: none;
            }
        }

        .representative-word {
            span {
                width: 260px;
                display: inline-block;
            }
        }

        .representative-btn {
            .btn {
                width: 150px;
            }
        }

        .representative-description {
            bottom: 60px;
        }

        .oversea {
            &-bg {
                &-inner {
                    top: 123px;
                }
            }

            &-word {
                display: inline-block;
                margin-right: 6%;
            }
        }
    }

    //@media (max-width: $screen-sm-max) {
    //    .commission-bg {
    //        background-image: url('../images/demand/commission-bg-1200.png');
    //        background-position: 100% 100%;
    //        background-size: cover;
    //    }
    //
    //    .loss-to-win-bg {
    //        background-image: url('../images/demand/loss-to-win-bg-1200.png');
    //        background-size: cover;
    //    }
    //
    //    .loss-to-win-plane {
    //        background-image: url('../images/demand/loss-to-win-plane-1200.png');
    //    }
    //
    //    .loss-to-win-word {
    //        background-image: url('../images/demand/loss-to-win-word-1200.png');
    //    }
    //
    //    .winner-bg {
    //        padding-top: 350px;
    //        background-image: url('../images/talent/winner-bg-1200.png');
    //        background-size: cover;
    //    }
    //
    //    .bingo-bg {
    //        background-image: url('../images/talent/bingo-bg-1200.png');
    //        background-size: cover;
    //    }
    //
    //    .bingo-word {
    //        background-image: url('../images/talent/bingo-word-1200.png');
    //    }
    //
    //    .areas-bg {
    //        background-image: url('../images/technology/areas-bg-1200.png');
    //        background-position: 0 50%;
    //        background-size: cover;
    //    }
    //
    //    .areas-word {
    //        background-image: url('../images/technology/areas-word-1200.png');
    //    }
    //
    //    .representative-bg {
    //        background-size: cover;
    //        background-image: url('../images/technology/representative-bg-1200.png');
    //        background-size: cover;
    //    }
    //
    //    .representative-word {
    //        padding-top: 30%;
    //        background-image: url('../images/technology/representative-word-1200.png');
    //    }
    //
    //    .officer-bg {
    //        background-image: url('../images/index/officer-bg-1200.png');
    //        background-position: 28% 50%;
    //        background-size: cover;
    //    }
    //    .porter-bg {
    //        background-image: url('../images/index/porter-bg-1200.png');
    //        background-position: 100% 100%;
    //        background-size: cover;
    //    }
    //
    //    .qualification-bg {
    //        background-image: url('../images/index/qualification-bg-1200.png');
    //        background-size: cover;
    //    }
    //}
    //
    //@media(max-width: $screen-xs-max) {
    //
    //    & {
    //        height: 300px;
    //    }
    //
    //    .carousel-indicators {
    //        .prominent {
    //            width: 8px;
    //            height: 8px;
    //            margin: 5px;
    //            border-color: #ddd;
    //            background-color: #ddd;
    //        }
    //
    //        .active {
    //            background-color: #fff;
    //            border-color: #fff;
    //        }
    //    }
    //
    //    .commission-bg {
    //        padding-top: 30px;
    //        background-image: url('../images/demand/commission-bg-768.png');
    //        background-position: 50% 50%;
    //        background-size: auto;
    //    }
    //
    //    .commission-word {
    //        padding-top: 20%;
    //        background-position: 50% 50%;
    //    }
    //
    //    .commission-btn {
    //        > div:first-child {
    //            float: none;
    //            margin-right: 0;
    //            text-align: center;
    //        }
    //        > div:last-child {
    //            float: none;
    //            text-align: center;
    //        }
    //    }
    //
    //    .loss-to-win-bg {
    //        padding-top: 30px;
    //        background-image: url('../images/demand/loss-to-win-bg-768.png');
    //        background-position: 50% 50%;
    //        background-size: auto;
    //    }
    //
    //    .loss-to-win-plane {
    //        background-image: url('../images/demand/loss-to-win-plane-768.png');
    //    }
    //
    //    .loss-to-win-word {
    //        background-image: url('../images/demand/loss-to-win-word-768.png');
    //        background-position: 50% 50%;
    //        background-size: auto;
    //    }
    //
    //    .loss-to-win-btn {
    //        > div:first-child {
    //            float: none;
    //            margin-right: 0;
    //            margin-bottom: 20px;
    //            text-align: center;
    //        }
    //        > div:last-child {
    //            float: none;
    //            text-align: center;
    //        }
    //    }
    //
    //    .winner-bg {
    //        padding-top: 30px;
    //        background-image: url('../images/talent/winner-bg-768.png');
    //        background-position: 50% 50%;
    //        background-size: auto;
    //    }
    //
    //    .winner-btn {
    //        margin-top: 100px;
    //        > div:first-child {
    //            float: none;
    //            margin-right: 0;
    //            margin-bottom: 20px;
    //        }
    //        > div:last-child {
    //            float: none;
    //        }
    //    }
    //
    //    .bingo-bg {
    //        padding-top: 30px;
    //        background-image: url('../images/talent/bingo-bg-768.png');
    //        background-position: 50% 50%;
    //        background-size: auto;
    //    }
    //
    //    .bingo-word {
    //        background-image: url('../images/talent/bingo-word-768.png');
    //    }
    //
    //    .areas-bg {
    //        padding-top: 30px;
    //        background-image: url('../images/technology/areas-bg-768.png');
    //        background-position: 50% 50%;
    //        background-size: auto;
    //    }
    //
    //    .areas-word {
    //        background-image: url('../images/technology/areas-word-768.png');
    //    }
    //
    //    .areas-btn {
    //        > div:first-child {
    //            text-align: center;
    //        }
    //
    //        > div:last-child {
    //            text-align: center;
    //        }
    //    }
    //
    //    .representative-bg {
    //        padding-top: 30px;
    //        background-image: url('../images/technology/representative-bg-768.png');
    //        background-position: 50% 50%;
    //    }
    //
    //    .representative-word {
    //        padding-top: 24%;
    //        background-image: url('../images/technology/representative-word-768.png');
    //        background-position: 50% 50%;
    //    }
    //    .representative-btn {
    //        > div:first-child {
    //            float: none;
    //            margin-right: 0;
    //            margin-bottom: 20px;
    //        }
    //
    //        > div:last-child {
    //            float: none;
    //        }
    //    }
    //
    //    .officer-bg {
    //        padding-top: 30px;
    //        background-image: url('../images/index/officer-bg-768.png');
    //        background-position: 50% 50%;
    //        background-size: auto;
    //    }
    //
    //    .officer-btn {
    //        > div:first-child {
    //            text-align: center;
    //        }
    //
    //        > div:last-child {
    //            text-align: center;
    //        }
    //    }
    //
    //    .porter-bg {
    //        padding-top: 30px;
    //        background-image: url('../images/index/porter-bg-768.png');
    //        background-position: 50% 50%;
    //        background-size: auto;
    //    }
    //
    //    .porter-word {
    //        background-position: 50% 50%;
    //    }
    //
    //    .porter-btn {
    //        margin-top: 20px;
    //        > div:first-child {
    //            float: none;
    //            margin-right: 0;
    //            text-align: center;
    //        }
    //        > div:last-child {
    //            float: none;
    //            text-align: center;
    //        }
    //    }
    //
    //    .qualification-bg {
    //        padding-top: 30px;
    //        background-image: url('../images/index/qualification-bg-768.png');
    //        background-position: 50% 50%;
    //        background-size: auto;
    //    }
    //
    //    .qualification-word {
    //        background-position: 50% 50%;
    //    }
    //
    //    .qualification-btn {
    //        margin-top: 20px;
    //        > div:first-child {
    //            float: none;
    //            margin-right: 0;
    //            text-align: center;
    //        }
    //        > div:last-child {
    //            float: none;
    //            text-align: center;
    //        }
    //    }
    //}

}
